import Vue from 'vue'

import 'normalize.css/normalize.css' // A modern alternative to CSS resets

import ElementUI, { Message } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

import '@/styles/index.scss' // global css
import '@/directive/dialog' // 弹窗
import '@/directive/copy'   //复制指令 v-copy
import '@/styles/bawf.scss' // bawf css

import App from './App'
import store from './store'
import router from './router'

// import * as echarts from 'echarts';
// import 'echarts-gl'; 
// Vue.prototype.$echarts = echarts

import navBar from '@/components/navBar'
Vue.component('navBar',navBar)

import mutipleColor from '@/components/mutipleColor'
Vue.component('mutipleColor',mutipleColor)

import circleItem from '@/components/circleItem'
Vue.component('circleItem',circleItem)

import dataFile from '@/components/dataFile'
Vue.component('dataFile',dataFile)

import group from '@/components/group'
Vue.component('group',group)

import menuConfig from '@/components/menuConfig'
Vue.component('menuConfig',menuConfig)

import topUp from '@/components/topUp'
Vue.component('topUp',topUp)

//后端绘图页面配置
import cloudStatic from '@/components/cloudStatic'
Vue.component('cloudStatic',cloudStatic)
//云分析页面配置
import cloudAnalysis from '@/components/cloudAnalysis'
Vue.component('cloudAnalysis',cloudAnalysis)

//图片预览
import viewerCom from '@/components/viewer'
Vue.component('viewerCom',viewerCom)

import LayoutDrag from '@/components/dragLayoutBox'
Vue.component('LayoutDrag',LayoutDrag)

import '@/icons' // icon
import '@/permission' // permission control
// set ElementUI lang to EN
// import locale from 'element-ui/lib/locale/lang/en' // lang i18n
// set ElementUI lang to zh-CN
import locale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(ElementUI, { locale })
// 如果想要中文版 element-ui，按如下方式声明

import Viewer from 'v-viewer'
import 'viewerjs/dist/viewer.css'
Vue.use(Viewer, {
  defaultOptions: {
      button: true,//右上角关闭按钮
      navbar: false,//底部导航栏
      title: false,//图片标题
      toolbar: true,//底部工具栏
  }
})
// inline: true, // 是否启用inline模式
// button: true, // 是否显示右上角关闭按钮
// navbar: true, // 是否显示缩略图底部导航栏
// title: true, // 是否显示当前图片标题，默认显示alt属性内容和尺寸
// toolbar: true, // 是否显示工具栏
// tooltip: true, // 放大或缩小图片时，是否显示缩放百分比，默认true
// fullscreen: true, // 播放时是否全屏，默认true
// loading: true, // 加载图片时是否显示loading图标，默认true
// loop: true, // 是否可以循环查看图片，默认true
// movable: true, // 是否可以拖动图片，默认true
// zoomable: true, // 是否可以缩放图片，默认true
// rotatable: true, // 是否可以旋转图片，默认true
// scalable: true, // 是否可以翻转图片，默认true
// toggleOnDblclick: true, // 放大或缩小图片时，是否可以双击还原，默认true
// transition: true, // 使用 CSS3 过度，默认true
// keyboard: true, // 是否支持键盘，默认true
// zoomRatio: 0.1, // 鼠标滚动时的缩放比例，默认0.1
// minZoomRatio: 0.01, // 最小缩放比例，默认0.01
// maxZoomRatio: 100, // 最大缩放比例，默认100
// url: 'data-source' // 设置大图片的 url

import * as echarts from 'echarts';
// import 'echarts-gl';
Vue.prototype.$echarts = echarts

// 公共处理函数
import bawf from '@/utils/bawf'
Vue.use(bawf)
Vue.config.productionTip = false

new Vue({
  el: '#app',
  router,
  store,
  render: h => h(App),
})
